<div class="row clearfix" id="slider">
    <div class="col-md-12" >
        <div class="carousel slide" id="carousel-575751">
            <ol class="carousel-indicators">
                <li class="active" data-slide-to="0" data-target="#carousel-575751">
                </li>
                <li data-slide-to="1" data-target="#carousel-575751">
                </li>
                <li data-slide-to="2" data-target="#carousel-575751">
                </li>
                <li data-slide-to="3" data-target="#carousel-575751">
                </li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img alt=""  src="<?php echo $this->baseUrl() ?>/images/job.jpg">
                    <div class="carousel-caption">
                        <h1>
                            Find a Job!
                        </h1>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            <button type="button" class="btn btn-default">See More</button>
                        </p>

                    </div>
                </div>
                <div class="item">
                    <img alt="" src="<?php echo $this->baseUrl() ?>/images/course.jpg">
                    <div class="carousel-caption">
                        <h1>
                            Courses Portal
                        </h1>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            <button type="button" class="btn btn-default">See More</button>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img alt="" src="<?php echo $this->baseUrl() ?>/images/project.jpg">
                    <div class="carousel-caption">
                        <h1>
                            Projects Codebase!
                        </h1>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            <button type="button" class="btn btn-default">See More</button>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img alt="" src="<?php echo $this->baseUrl() ?>/images/graduates.jpg">
                    <div class="carousel-caption">
                        <h1>
                            Meet our Graduates!
                        </h1>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            <button type="button" class="btn btn-default">See More</button>
                        </p>
                    </div>
                </div>
            </div> <a class="left carousel-control" href="#carousel-575751" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-575751" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
    </div>
</div><!-- end slider -->
<?php if (empty($this->identity)) { ?>
    <div class="row clearfix" >
        <div class="col-md-12 " >
            <p id="register"><span class="col-md-11 column">Join <em>Open Source Community</em> and benefit from the huge number of specialists who will help you on your career or business!</span><span class="col-md-1 column"><a class="btn btn-primary" href="<?php echo $this->baseUrl() ?>/user/register">Register Now</a></span></p>
        </div>

    </div><!-- end reg -->
<?php } ?>
<div class="row clearfix" id="services">
    <div class="col-md-12 column">
        <h1><span class="glyphicon glyphicon-briefcase"></span>
            Services
        </h1>
        <div class="row">
            <div class="col-md-4">
                <div class="thumbnail">
                    <img alt="300x200"  class="img-responsive" src="<?php echo $this->baseUrl() ?>/images/training.jpg">
                    <div class="caption">
                        <h3>
                            Training
                        </h3>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                        <p>
                            <a class="btn btn-primary" href="#">Read More</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                    <img alt="300x200" class="img-responsive" src="<?php echo $this->baseUrl() ?>/images/development.jpg">
                    <div class="caption">
                        <h3>
                            Development
                        </h3>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                        <p>
                            <a class="btn btn-primary" href="#">Read More</a> 
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                    <img alt="300x200" class="img-responsive" src="<?php echo $this->baseUrl() ?>/images/consultancy.jpg">
                    <div class="caption">
                        <h3>
                            Consultancy
                        </h3>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                        <p>
                            <a class="btn btn-primary" href="#">Read More</a> 
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- end services -->

<div class="row clearfix" id="collection">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-4">
                <h1><span class="glyphicon glyphicon-bullhorn"></span>
                    News <a href="<?php echo $this->baseUrl() ?>/news"><span class="badge">More</span></a>
                </h1>
                <?php if ($this->articles) { ?>
                    <div class="carousel slide" id="carousel-783283">
                        <ol class="carousel-indicators">
                            <?php for ($i = 0; $i < count($this->articles); $i++) { ?>
                                <li data-slide-to="<?= $i ?>" data-target="#carousel-783283" <?php if ($i == 0) echo "class=active" ?>>
                                </li>
                            <?php } ?>
                        </ol>
                        <div class="carousel-inner">
                            <?php for ($i = 0; $i < count($this->articles); $i++) { ?>

                                <div class="item <?php if ($i == 0) echo "active" ?>">
                                    <img alt="" src="<?php echo $this->baseUrl() ?>/upload/news/<?= $this->articles[$i]["sliderImage"] ?>" />
                                    <div class="carousel-caption">
                                        <a href="<?php echo $this->baseUrl() ?>/news/view/id/<?= $this->articles[$i]["id"] ?>"><h4><?= $this->articles[$i]["title"] ?></h4></a>
                                        <p><?php
                                            $strippedString = strip_tags($this->articles[$i]["body"]);
                                            $formatedString = (strlen($strippedString) > 90) ? substr($strippedString, 0, 85) . '...' : $strippedString;
                                            echo $formatedString;
                                            ?>
                                        </p>
                                    </div>
                                </div>

                            <?php } ?>
                        </div> <a class="left carousel-control" href="#carousel-783283" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-783283" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                    </div>
                <?php } ?>
            </div>
            <div class="col-md-4" id="video">
                <h1><span class="glyphicon glyphicon-facetime-video"></span>
                    Video <a href="<?php echo $this->baseUrl() ?>/video"><span class="badge">More</span></a>
                </h1>
                <div class="js-video widescreen">
                    <iframe allowfullscreen="" src="http://www.youtube.com/embed/guIgMrHVvcM?showinfo=0&theme=light"
                            frameborder="0"></iframe>
                </div>
            </div>
            <div class="col-md-4" id="poll">
                <h1> <span class="glyphicon glyphicon-tasks"></span>
                    Poll <a href="#"><span class="badge">More</span></a>
                </h1>
                <div id="pollDisplay">
                    <div id="pollError"></div>
                    <?php if ($this->poll) { ?>
                        <h3><?= $this->poll[0]['pollQuestion'] ?></h3>
                        <input type="hidden" id = "pollId" value="<?= $this->poll[0]['id'] ?>">
                        <?php foreach ($this->poll[1] as $choice) { ?>
                            <div class="radio">
                                <label>
                                    <input type="radio" name = "pollChoice" value="<?= $choice['id'] ?>">
                                    <?= $choice['pollChoice'] ?>
                                </label>
                            </div>
                        <?php } ?>
                        <a class="btn btn-primary" id="pollVote" >Vote</a><a class="btn btn-primary" id="pollResult" >Result</a>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row clearfix" id="gallery">
    <div class="col-md-4">
        <h1>
            <span class="glyphicon glyphicon-time"></span>
            Important Dates <a href="<?php echo $this->baseUrl() ?>/event"><span class="badge">More</span></a>
        </h1>
        <div id="datesCarousel" class="carousel slide vertical">
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item">
                    <div class="dates">
                        <h2><?= date("d", strtotime(date('Y-m-d') . " -1 day")); ?></h2>
                        <h3><span class="monthRed">May</span></h3>
                        <h4>Admission Starts</h4>
                    </div>
                    
                </div>
                <div class="item">
                    <div class="dates">
                        <h2><?= date("d", strtotime(date('Y-m-d') . " -11 day")); ?></h2>
                        <h3><span class="monthBlue">June</span></h3>
                        <h4>Admission Starts</h4>
                    </div>
                </div>
                <div class="item">
                    <div class="dates">
                        <h2><?= date("d", strtotime(date('Y-m-d') . " +8 day")); ?></h2>
                        <h3><span class="monthGreen">September</span></h3>
                        <h4>Admission Starts</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <h1>
            <span class="glyphicon glyphicon-picture"></span>
            Activities Photos <a href="<?php echo $this->baseUrl() ?>/event"><span class="badge">More</span></a>
        </h1>
        <!-- The container for the list of example images -->
        <div id="links"></div>
        <br>

        <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
        <div id="blueimp-gallery" class="blueimp-gallery">
            <!-- The container for the modal slides -->
            <div class="slides"></div>
            <!-- Controls for the borderless lightbox -->
            <h3 class="title"></h3>
            <a class="prev">‹</a>
            <a class="next">›</a>
            <a class="close">×</a>
            <a class="play-pause"></a>
            <ol class="indicator"></ol>
            <!-- The modal dialog, which will be used to wrap the lightbox content -->
            <div class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" aria-hidden="true">&times;</button>
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body next"></div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default pull-left prev">
                                <i class="glyphicon glyphicon-chevron-left"></i>
                                Previous
                            </button>
                            <button type="button" class="btn btn-primary next">
                                Next
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- end dates -->
<div class="row clearfix" id="event">
    <div class="col-md-12">
        <h1>
            <span class="glyphicon glyphicon-calendar"></span>
            Events Calendar<a href="<?php echo $this->baseUrl() ?>/event"><span class="badge">More</span></a>
        </h1>
        <div class="row clearfix">
            <div class="col-md-8 column">
                <ul>
                    <li id="dayBefore" class="today">
                        <span><?= date("d", strtotime(date('Y-m-d') . " -1 day")); ?></span>
                        <h4>Yesterday</h4><p><em>There were no events for this day</em></p>
                    </li>
                    <li id="day" class="week">
                        <span><?= date("d") ?></span>
                        <h4>Today</h4><p>There are no events for this day</p>
                    </li>
                    <li id="dayAfter" class="month">
                        <span><?= date("d", strtotime(date('Y-m-d') . " +1 day")); ?></span>
                        <h4>Tomorrow</h4><p><em>There will be no events for this day</em></p>

                    </li>
                </ul>
            </div>
            <div class="col-md-4 column">
                <div id="calendar">
                    <div id="calendar_header"><i class="glyphicon glyphicon-chevron-left"></i> 
                        <h1></h1><i class="glyphicon glyphicon-chevron-right"></i>         
                    </div>
                    <div id="calendar_weekdays"></div>
                    <div id="calendar_content"></div>
                </div>
            </div>
        </div>
    </div>
</div><!-- end event -->
<div class="row clearfix">
    <div class="col-md-12">
        <h1><span class="glyphicon glyphicon-flag"></span>
            Open source Technologies
        </h1>
        <div id="sponser">
            <div id="sponserin" >
                <div id="osCarousel" class="carousel slide">

                    <!-- Carousel items -->
                    <div class="carousel-inner">

                        <!--/item-->
                        <div class="item active">
                            <div class="row">
                                <div class="col-sm-2"><a href="http://httpd.apache.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/apache.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.redhat.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/redhat.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.ubuntu.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/ubuntu.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.mysql.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/mysql.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.php.net/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/php.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://framework.zend.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/zf.png" alt="Image" class="img-responsive"></a>
                                </div>

                            </div>
                            <!--/row-->
                        </div>
                        <!--/item-->
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-2"><a href="http://www.java.com/en/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/java.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.android.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/android.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.postgresql.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/postgres.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.python.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/python.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="https://www.djangoproject.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/django.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="https://www.openerp.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/openerp.png" alt="Image" class="img-responsive"></a>
                                </div>

                            </div>
                            <!--/row-->
                        </div>
                        <!--/item-->
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-2"><a href="https://www.ruby-lang.org/en/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/ruby.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://rubyonrails.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/rails.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.perl.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/perl.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://www.w3.org/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/html5.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://jquery.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/jquery.png" alt="Image" class="img-responsive"></a>
                                </div>
                                <div class="col-sm-2"><a href="http://getbootstrap.com/" target="_blank" class="thumbnail"><img src="<?php echo $this->baseUrl() ?>/images/os-logos/bootstrap.png" alt="Image" class="img-responsive"></a>
                                </div>

                            </div>
                            <!--/row-->
                        </div>
                        <!--/item-->
                    </div>
                    <!--/carousel-inner--> <a class="carousel-control glyphicon glyphicon-chevron-left" href="#osCarousel" data-slide="prev"></a>

                    <a class="right carousel-control glyphicon glyphicon-chevron-right" href="#osCarousel" data-slide="next"></a>
                </div>
                <!--/osCarousel-->
            </div>


        </div><!-- end sponser-->


    </div>
</div><!-- end collection -->



<!-- Events Modal -->
<div id="eventsModals">

</div>
<?php $this->headScript()->appendFile("http://js.addthisevent.com/atemay.js"); ?>
<?php $this->headScript()->appendFile($this->baseUrl() . '/js/demo.js'); ?>